<template>
	<!-- 组件结构 -->
	<div class="school">
		<h2 >学校名称:{{name}}</h2>
		<h2>学校地址:{{address}}</h2>
		<button type="button" @click="sendSchoolName">把学校名给APP</button>
	</div>
</template>

<script>
	// 组件交互相关的代码(数据、方法等)
	// 创建school组件
	export default {
		name:'School',
		
		props:['getSchoolName'],
		// data 要写成函数式
		data(){
			return{
				name:'尚硅谷',
				address:'北京',
			};
		},
		methods:{
			sendSchoolName(){
				this.getSchoolName(this.name)
			}
		}
	};
	// export default school
</script>

<style scoped>
	/* 组件的样式 */
	.school{
		background-color: #aa55ff;
		color: #ffff00;
		padding: 5px;
	}
</style>
